<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>商品管理</title>
    <script src="jquery-1.5.1.js"></script>
    	<script src="jquery-1.5.1.js"></script>
	<script src="ui/jquery.ui.core.js"></script>
	<script src="ui/jquery.ui.widget.js"></script>
	<script src="ui/jquery.ui.tabs.js"></script>
        <script src="ckeditor/ckeditor.js"></script>
    <link rel="stylesheet" href="themes/base/jquery.ui.all.css">
    <script>
        $(function(){
            $("#tabs").tabs();
        });
    </script>
</head>
<body>
    <header>
        <div id="logo">
            
        </div>
        <div id="page_title">
            <h1>商品管理</h1>
        </div>
    </header>
<div id="tabs">
    <ul>
        <li><a href="#home_page_manage">首页管理</a></li>
        <li><a href="#category_manage">大类管理</a></li>
        <li><a href="#detail_manage">商品详细</a></li>
    </ul>
    <div id="home_page_manage" class="manage_content">
        <form>
            <div class="clearfix">
                <label for="logo_image_uploaded_data">选择图片</lable>
                <div class="logo_settings">
                    <img class="logo" width="73" height="73" src="img/logo.jpg" />
                    <span class="logo_upload">
                        <input id="logo_image_uploaded_data" type="file" name="logo_image" />
                        <p>最大700k</p>
                    </span>
                </div>
            </div>
            <div class="clearfix">
                <label for="page_title">网站标题：</label>
                <div class="input">
                    <input id="page_title" type="text" name="title" />
                </div>
            </div>
            <div class="clearfix">
                <label for="ckeditor">公告：</label>
                <div class="announcement_wrap">
                    <div class="text_area">
                        <textarea id="ckeditor" class="ckeditor" name="announcement_editor"></textarea>
                    </div>
                </div>
            </div>
            <div class="clearfix">
                <label>客服信息：</label>
                <label for="qq_number">QQ号：</label>
                <div class="input">
                    <input id="qq_number" type="text" name="title" />
                </div>
                <label for="msn_account">MSN：</label>
                <div class="input">
                    <input id="msn_account" type="text" name="title" />
                </div>
                <label for="phone_number">手机号：</label>
                <div class="input">
                    <input id="phone_number" type="text" name="title" />
                </div>
            </div>
            <div class="actions">
                <button id="settings_save" class="btn" type="button">保存</button>
            </div>
        </form>
    </div>
    <div id="category_manage" class="manage_content">
        <table id="category_manage_table" cellspacing="0">
            <thead>
                <tr>
                    <th>名称</th>
                    <th>描述</th>
                    <th>项目数</th>
                </tr> 
            </thead>
            <tbody>
               <tr>
                    <td>小炒</td>
                    <td>description</td>
                    <td>4</td>
                    <td>删除</td>
               </tr>
               <tr>
                    <td>盖浇饭</td>
                    <td>description</td>
                    <td>6</td>
                    <td>删除</td>
               </tr>
               <tr>
                    <td>砂锅</td>
                    <td>description</td>
                    <td>4</td>
                    <td>删除</td>
               </tr>
               <tr>
                    <td>粥</td>
                    <td>description</td>
                    <td>4</td>
                    <td>删除</td>
               </tr>
            </tbody>
            <tfoot>
                <tr>
                    <th>名称</th>
                    <th>描述</th>
                    <th>项目数</th>
                </tr> 
            </tfoot>            
        </table>
        <button id="new_category" class="btn" type="button">+新增分类</button>
        <div class="actions">
            <button id="save_category_settings" class="btn" type="button">确定</button>
        </div>
    </div>
    <div id="detail_manage" class="manage_content">
        <div id="filter_box" class="filter_box">
            <span class="category_select_wrapper">
                <label for="category_select">选择分类：</label>
                <select id="category_select">
                    <option value="all">所有分类</opton>
                    <option value="小炒">小炒</opton>
                    <option value="粥">粥</opton>
                    <option value="盖浇饭">盖浇饭</opton>
                </select>
            </span>
            <span class="small_searchbox_wrapper">
                <input id="small_searchbox" type="text" name="search_text" />
            </span>
            <span class="filter_button_wrapper">
                <button id="search_button" class="btn" type="button">搜索</button>
            </span>
        </div>
        <div class="table_wrapper">
            <table id="detail_table">
                <thead>
                    <tr>
			<th>
			    <input type="checkbox" />
			</th>	
                        <th>商品名</th>
                        <th>单价</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
			<th>
			    <input type="checkbox" />
			</th>
			<td>青菜肉丝面</td>
			<td>7</td>
			<td><a href="#detail_manage2">编辑</a></td>
		    </tr>
		    <tr>
			<th>
			    <input type="checkbox" />
			</th>
			<td>青菜肉丝米粉</td>
			<td>7</td>
			<td>编辑</td>
		    </tr>
		    <tr>
			<th>
			    <input type="checkbox" />
			</th>
			<td>皮蛋瘦肉粥</td>
			<td>5</td>
			<td>编辑</td>
		    </tr>
                </tbody>
            </table>
        </div>
	<div class="tablenav buttom">
	    <div class="actions align_left">
		<select name="detail_bat">
		    <option selected="selected" value="-1">批量操作</option>
		    <option value="delete">删除</option>
		    <option value="restore">恢复</option>
		</select>
		<input id="doaction2" class="btn action" type="submit" value="应用" name="" />
	    </div>
	    <div class="tablenav_pages">
		<span class="display_num">100个项目</span>
		<a class="first-page"  title="前往第一页">«</a>
		<a class="prev-page"  title="前往上一页">‹</a>
		<span class="paging-input">
		    第 1 页，共
		    <span class="total-pages">3</span>
		    页
		</span>
		<a class="next-page" title="前往下一页">›</a>
		<a class="last-page" title="前往最后一页">»</a>
	    </div>
	</div>
    </div>
</div>
<footer>
    没有备案，请放心访问
</footer>
</body>
</html>